<template>
  <div class="container" style="width: 1000px; margin: 0 auto">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/dog' }">选狗知识</el-breadcrumb-item>
    </el-breadcrumb>
    <div style="margin: 10px auto; display: flex">
      <div>
        <div
          class="demo-image__placeholder"
          style="margin: 10px auto; display: flex"
        >
          <div class="grid-content bg-purple">
            <div class="block">
              <span class="demonstration"></span>
              <img src="../assets/img/dog1.jpg" style="width: 120px" />
            </div>
          </div>
          <div class="grid-content bg-purple-light">
            <div class="block">
              <h3 class="demonstration">
                <a href="/dog1">雪纳瑞小狗怎么养呢？雪纳瑞狗有什么优点？</a>
              </h3>

              <p>
                在宠物市场上，我们经常可以看到很多雪纳瑞狗，雪纳瑞狗的品种也是比较多的，它主要有大中小三个品种。不同的雪纳瑞狗，它的特点也有很多不同之处，很多朋友比较关心雪纳瑞狗的饲养方法，当然了，我们可以完全放心，雪纳瑞狗的饲养方法是非常简单的。那么，雪纳瑞小狗怎么养呢？
              </p>
              <span>2022年2月22日</span>
            </div>
          </div>
        </div>
        <div
          class="demo-image__placeholder"
          style="margin: 10px auto; display: flex"
        >
          <div class="grid-content bg-purple">
            <div class="block">
              <span class="demonstration"></span>
             <img src="../assets/img/dog1.jpg" style="width: 120px" />
            </div>
          </div>
          <div class="grid-content bg-purple-light">
            <div class="block">
              <h3 class="demonstration">
                <a href="/dog1">雪纳瑞小狗怎么养呢？雪纳瑞狗有什么优点？</a>
              </h3>

              <p>
                在宠物市场上，我们经常可以看到很多雪纳瑞狗，雪纳瑞狗的品种也是比较多的，它主要有大中小三个品种。不同的雪纳瑞狗，它的特点也有很多不同之处，很多朋友比较关心雪纳瑞狗的饲养方法，当然了，我们可以完全放心，雪纳瑞狗的饲养方法是非常简单的。那么，雪纳瑞小狗怎么养呢？
              </p>
              <span>2022年2月22日</span>
            </div>
          </div>
        </div>
        <div
          class="demo-image__placeholder"
          style="margin: 10px auto; display: flex"
        >
          <div class="grid-content bg-purple">
            <div class="block">
              <span class="demonstration"></span>
             <img src="../assets/img/dog1.jpg" style="width: 120px" />
            </div>
          </div>
          <div class="grid-content bg-purple-light">
            <div class="block">
              <h3 class="demonstration">
                <a href="/dog1">雪纳瑞小狗怎么养呢？雪纳瑞狗有什么优点？</a>
              </h3>

              <p>
                在宠物市场上，我们经常可以看到很多雪纳瑞狗，雪纳瑞狗的品种也是比较多的，它主要有大中小三个品种。不同的雪纳瑞狗，它的特点也有很多不同之处，很多朋友比较关心雪纳瑞狗的饲养方法，当然了，我们可以完全放心，雪纳瑞狗的饲养方法是非常简单的。那么，雪纳瑞小狗怎么养呢？
              </p>
              <span>2022年2月22日</span>
            </div>
          </div>
        </div>
        <div
          class="demo-image__placeholder"
          style="margin: 10px auto; display: flex"
        >
          <div class="grid-content bg-purple">
            <div class="block">
              <span class="demonstration"></span>
             <img src="../assets/img/dog1.jpg" style="width: 120px" />
            </div>
          </div>
          <div class="grid-content bg-purple-light">
            <div class="block">
              <h3 class="demonstration">
                <a href="/dog1">雪纳瑞小狗怎么养呢？雪纳瑞狗有什么优点？</a>
              </h3>

              <p>
                在宠物市场上，我们经常可以看到很多雪纳瑞狗，雪纳瑞狗的品种也是比较多的，它主要有大中小三个品种。不同的雪纳瑞狗，它的特点也有很多不同之处，很多朋友比较关心雪纳瑞狗的饲养方法，当然了，我们可以完全放心，雪纳瑞狗的饲养方法是非常简单的。那么，雪纳瑞小狗怎么养呢？
              </p>
              <span>2022年2月22日</span>
            </div>
          </div>
        </div>
      </div>
      <div style="display: block; padding: 10px auto">
        <div>
          <img src="../assets/img/bemei.jpg" style="height: 160px" />
          <span style="margin-top: 50px">博美犬</span>
          <p style="margin-top: 20px">¥501</p>
        </div>
        <div>
          <img src="../assets/img/bemei.jpg" style="height: 160px" />
          <span style="margin-top: 50px">博美犬</span>
          <p style="margin-top: 20px">¥501</p>
        </div>
      </div>
    </div>
    <el-pagination background layout="prev, pager, next" :total="1000">
    </el-pagination>
  </div>
</template>
<style></style>
